<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var cfg = {SearchMode:smServerPaging, Page:100, MergeSheet:msHeaderOnly};
		
		var headers = [ {Text:"No|우편번호|시도|시군구|읍면동|리|주소", Align:"Center"} ];
		var info = {Sort:1,ColMove:1,ColResize:1,HeaderCheck:1};
		var cols = [
				{Type:"Text",Width:45,SaveName:"RN",Align:"center"},
		        {Type:"Text",Width:85,Align:"Center",SaveName:"POSTNO",Format:"PostNo"},
		        {Type:"Text",Width:70,SaveName:"SIDO"},
		        {Type:"Text",Width:80,SaveName:"SIGUNGU"},
		        {Type:"Text",Width:80,SaveName:"UBMYNDONG"},
		        {Type:"Text",Width:80,SaveName:"LEE"},
		        {Type:"Text",Width:300,SaveName:"ADDRESS"}
		];
		
		mySheet.SetConfig(cfg);
		mySheet.InitHeaders(headers,info);
		mySheet.InitColumns(cols);

		mySheet.SetEditable(0);
		mySheet.SetCountPosition(4);
		mySheet.FitColWidth();
	});
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		
		switch(sAction) {
			case "search":		//조회
				var param = {"Param":"onepagerow=100"};
				
				//!!! SearchMode가 smServerPaging 인 경우에는 반드시 DoSearchPaging 함수를 통해 조회하여야 한다.
				mySheet.DoSearchPaging("serverpaging_data.jsp",param);
				break;
		}
	}
	
	function mySheet_OnSearchEnd(code,msg) {
		if (code<0) {
			alert("조회 중 오류가 발생하였습니다.\n\n/serverpaging_data.jsp 파일 안에 DB 설정을 확인하여 주세요.");	
		}
		mySheet.FitColWidth();
	}
</script>
<title>서버 페이징 조회 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>
	<div id="title">서버 페이징 조회 예제</div>
	<div id="desc">
		스크롤바 위치에 따라 해당하는 데이터를 순간순간 서버로부터 가져와 화면에 로딩한다.<br>
		실시간 서버 처리 모드 방식으로 스크롤 위치에 해당하는 데이터만 서버에서 결과를 받아 화면에 표시한다. 화면에 표시되지 않는 데이터는 소멸된다.<br>
		<br>
		// 서버 페이징 모드 설정<br>
		var cfg = {SearchMode:smServerPaging, Page:10};<br>
		mySheet.SetConfig(cfg);<br>
		<br>
		SearchMode가 smServerPaging 인 경우에는 반드시 DoSearchPaging 함수를 통해 조회하여야 한다.<br>
		mySheet.DoSearchPaging("serverpaging_data.jsp",param);
	</div>

	<div id="functionArea">
		<input type="button" value="조회하기" onclick="doAction('search')">
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>